//京东大图轮播开始
$(function(){
//   	设置大总管变量		
		var	c =0;
		
//	    设置定时器每隔一秒循环一张图片
     function  run() {
//    	每走一次定时器让c++
         c++;
         c=(c==6)?0:c;
//      让c号图片显示，其他图片隐藏  fadeIn()淡入   fadeOut淡出
        $("#inner .conter img").eq(c).fadeIn(100).siblings('img').fadeOut(100);
//      让c号li变红其他的变灰
        $("#inner .conter ul li").eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#999'})
        
      }
      
      timer =setInterval(run, 2000);
//    给hd加鼠标移入事件让定时器停止
      $("#inner .conter").mouseenter(function  () {
      	
      	clearInterval(timer);
//    	让左右按钮都显示来
        $("#inner .conter .left,#inner .conter .right").show();
      });
      
//    给hd加鼠标移出事件让定时器恢复
       $("#inner .conter").mouseleave(function  () {
      	
      	timer=setInterval (run, 2000);
//    	让左右按钮都隐藏
        $("#inner .conter .left,#inner .conter .right").hide();
        
      });
    
//  给li加鼠标移入事件
     $("#inner .conter ul li").hover(function (){
        	
         	var erthis = $(this);
//      	设置定时炸弹
          t = setInterval(function () {
          	//      	获得li的序号
            c = erthis.index();
//          让c号图片显示其他的隐藏
            $("#inner .conter img").eq(c).stop().fadeIn(100).siblings('img').stop().fadeOut(100);
//          让c号li变红其他的li变灰
            $("#inner .conter ul li").eq(c).css({'background':'#A10000'}).siblings('li').css({'background':"#999"});
        
          },200);

        	
        },function() {//移出事件
//      	清理炸弹
            clearInterval(t);
        });
    
    
//    给左侧按钮加单击事件
      $(" #inner .conter .left").click(function  () {
      	c--;
      	c = (c==-1)?5:c;
      	
//    	让c号图片显示，其他图片隐藏  
        $(" #inner .conter img").eq(c).fadeIn(100).siblings('img').fadeOut(100);
//      让c号li变红其他的变灰
        $(" #inner .conter ul li").eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#999'})
        
      });
      
//    给右侧按钮加单击事件
      $(" #inner .conter .right").click(function  () {
      	c++;
      	c = (c==6)?0:c;
      	
//    	让c号图片显示，其他图片隐藏  
        $(" #inner .conter img").eq(c).fadeIn(100).siblings('img').fadeOut(100);
//      让c号li变红其他的变灰
        $(" #inner .conter ul li").eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#999'})
        
      });
      
	});


//京东大图轮播结束



//京东轮播左右切换效果开始

       $(function () {
//     	设置大总管变量
       	       a = 0;
       	var star = true;//true对应静止状态
//       给#zhongjgb .conter鼠标移入事件  	       
       $("#zhongjgb .conter").hover(function(){
//     	 鼠标移入jd就让按钮显示  
       	$("#zhongjgb .conter .left,#zhongjgb .conter .right").show()
       	
       	}, function  () {
//     		鼠标移入#zhongjgb .conter就让按钮隐藏
       	$("#zhongjgb .conter .left,#zhongjgb .conter .right").hide()
       })
       	          	       
//     	       给右边的按钮加单击事件
           $("#zhongjgb .conter .right").click(function  () {
//         	   进来就判断c的状态
//           如果是true 就对应静止
           	  if (star==true) {
           	  	  star = false;
           	  	setTimeout(function  () {
           	  	  star = true;
           	  	},600)
           	  	
           	   a++;
//         	     判断当c++=5时让c++=1
           	   if (a==5) {
           	   	$("#zhongjgb .conter .in").css({'left':'0px'})
           	   	a=1;
           	   } 
//         	         计算left要滑过去的值
           	    var t = a* -1000;
//         	         让大div滑过去
                 $("#zhongjgb .conter .in").stop().animate({'left':t+'px'},500);
                 
           	  }
           	  
           })
           
           
           
//     	       给左边的按钮加单击事件
           $("#zhongjgb .conter .left").click(function  () {
           	 if (star==true) {
           	  	  star = false;
           	  	setTimeout(function  () {
           	  	  star = true;
           	  	},500)
           	  	
           	     a--;
//         	     判断当c++=5时让c++=1
           	   if (a==-1) {
           	   	$("#zhongjgb .conter .in").css({'left':'-4000px'})
           	   	a=3;
           	   } 
//         	         计算left要滑过去的值
           	    var t = a* -1000;
//         	         让大div滑过去
                 $("#zhongjgb .conter .in").stop().animate({'left':t+'px'},500);
                }  
           })
           
           
       })
       
//京东轮播左右切换效果结束


//京东tab切换的效果1到11楼开始

//	解决不带定时器效果的代码复用:用关系去找对应元素!
	
$(function(){
//	给li加鼠标移入事件
	$(".mt .tab li").mouseenter(function(){
//		获得鼠标移入的li的序号
//        alert();
		var b = $(this).index();
//		让c号.con显示,其他的隐藏
		$(this).attr("class","cur").siblings("li").attr("class","");
//		$(this).parent(".tab").parent(".mt").siblings(".zhuti").find(".hebing").eq(c).show().siblings('.hebing').hide();
		$(this).parent('.tab').parent('.mt').siblings('.zhuti').find('.hebing').eq(b).show().siblings('.hebing').hide();
        
	})
})


//京东tab切换的效果1到11楼结束


//天天低价里的评价左右移动效果开始

$(function () {
//	给div加鼠标移入事件
     $(".conter .left1").mouseenter(function () {
//   	改变图片的left值
        $(this).find('img').stop().animate({'left':'20px'},500)
        
     })
//   鼠标移出div让图片的left值恢复
      $(".conter .left1").mouseleave(function () {
//   	改变图片的left值
        $(this).find('img').stop().animate({'left':'55px'},500)
        
     })
})


$(function () {
//	给div加鼠标移入事件
     $(".conter .left2").mouseenter(function () {
//   	改变图片的left值

$(this).find('img').stop().animate({'left':'0px'},500)

     })
//   鼠标移出div让图片的left值恢复
      $(".conter .left2").mouseleave(function () {
//   	改变图片的left值
        $(this).find('img').stop().animate({'left':'10px'},500)
        
     })
})

//天天低价里的评价左右移动效果结束



//天天低价里的评价滑动效果开始

$(function () {
//	设置总管标量
    d = 0;
//  设置一个定时器,每隔一段时间改变sw的top值
    setInterval(function () {
    	d++;
    	if (d==4) {   	
//  	让大div往上滑一频
    	$("#bottom .right .sw").css({'top':'-220px'})	
    	d=1;
    	} 
    	
    	var re = d*-225;
    	$("#bottom .right .sw").animate({'top':re+'px'})
//  	alert(re);
    },5000)
})


//天天低价里的评价滑动效果结束



//轮播图的复用1到11楼开始

$(function () {
	
//	定时器复用
	$(".lunbo").each(function(){
//		注意:jquery形式的对象不能直接添加变量和函数,需要转成原生对象
		var jsthis = $(this)[0];
		var jqthis = $(this);
//		设置变量 获得每隔轮播的不同的宽度
        jsthis.w = jqthis.width();
		jsthis.y = 0;
//		将定时器调用的函数也绑定给每一个元素
		jsthis.run = function(){
			jsthis.y++;
//        判断
        if (jsthis.y==5) {
        	 jqthis.find('.lunboo').css({'left':'0px'});
        	 jsthis.y=1;
        } 
         var re = jsthis.y*-jsthis.w;
//        让y号图片显示,兄弟图片隐藏

           if (jsthis.y==4) {//控制li与控制图片互不影响
//         	    因为li只有四个,当y=4时就到第五个去了,所以单独让y=4时,li里的0号元素变红,其他的变灰
              jqthis.find('ul').find('li').eq(0).css({'background':'red'}).siblings('li').css({'background':'#999'});
           }else{
//         	让li变红其他兄弟元素变灰
           	jqthis.find('ul').find('li').eq(jsthis.y).css({'background':'red'}).siblings('li').css({'background':'#999'});
           }
//         计算lunboo要滑过去的值
           var re =  jsthis.y*-jsthis.w;
//         让luboo这个div滑过去
           jqthis.find('.lunboo').animate({'left':re+'px'},300);
//         让y号li变红兄弟li变灰    
		}
		
//		给当前循环的对象绑定定时器
		jsthis.timer = setInterval(jsthis.run,3000);
		
	})
//定时器复用结束		
//        设置大总管变量
        var y = 0;

//        给li加鼠标移入移出事件
          $(".lunbo ul li").hover(function () {//鼠标移入事件
//        给li加一个定时炸弹
          var st = $(this).parent().parent()[0];
          var jqthis  =  $(this);
    st.t    =   setTimeout(function () {
          	//        获得li的序号
          st.y = jqthis.index();
//        让大轮播滑动
          st.re = st.y*-jsthis.w;
//        让y号图片显示,兄弟图片隐藏
           jqthis.parent().siblings('.lunboo').stop().animate({'left':st.re+'px'},300);
          //控制li与控制图片互不影响
//        因为li只有四个,当y=4时就到第五个去了,所以单独让y=4时,li里的0号元素变红,其他的变灰
          jqthis.eq(0).css({'background':'red'}).siblings('li').css({'background':'#999'});
          
//         让li变红其他兄弟元素变灰
          jqthis.eq(st.y).css({'background':'red'}).siblings('li').css({'background':'#999'});

    },200)
    
    },function () {//鼠标移出事件
    	    var st = $(this).parent().parent()[0];
          	clearTimeout(st.t);

          })
         
//         给lunbo加鼠标移入事件
           $(".lunbo").hover(function () {//移入事件
           	var jsthis = $(this)[0];
           	var jqthis = $(this);
//         	让定时器停止,让按钮显示
            clearInterval(jsthis.timer);
//          让按钮显示
//          $(".lunbo .right,.lunbo .left").show();
            jqthis.find('.right,.left').show();
           },function () {//移出事件
           	var jsthis = $(this)[0];
           	var jqthis = $(this);
//         	移出的时候恢复定时器
           jsthis.timer = setInterval(jsthis.run,3000)
//         让按钮隐藏           
            jqthis.find('.right,.left').hide();
            
             
           })
           
           
    	sat = 1;
//      给右边的按钮加鼠标点击事件
        $(".lunbo .right").click(function () {
        jsthis = $(this).parent()[0];
        jqthis = $(this);
     	if (sat==1) {
     		sat=2;
     	   setTimeout(function () {
     	   	sat=1;
     	   },600)
//      	让y++;
        	jsthis.y++;
//      	判断y值
            if (jsthis.y==5) {
            	jqthis.siblings('.lunboo').css({'left':'0px'});
            	jsthis.y=1;
            } 
//      	每点击一次按钮就让lunboo往右走一张图片
            var re =  jsthis.y*-jsthis.w;
            jqthis.siblings('.lunboo').animate({'left':re+'px'});
            if (jsthis.y==4) {//控制li与控制图片互不影响
//         	    因为li只有四个,当y=4时就到第五个去了,所以单独让y=4时,li里的0号元素变红,其他的变灰
              	jqthis.siblings('ul').find('li').eq(0).css({'background':'red'}).siblings('li').css({'background':'#999'});
           }else{
//         	让li变红其他兄弟元素变灰
           	   jqthis.siblings('ul').find('li').eq(jsthis.y).css({'background':'red'}).siblings('li').css({'background':'#999'});
           }
           
     	} 
     	
})
        
    	sat = 1;
//      给右边的按钮加鼠标点击事件
        $(".lunbo .left").click(function () {
        jsthis = $(this).parent()[0];
        jqthis = $(this);
     	if (sat==1) {
     		sat=2;
     	   setTimeout(function () {
     	   	sat=1;
     	   },600)
//      	让y--;
        	jsthis.y--;
//      	判断y值
            if (jsthis.y==-1) {
            	jqthis.siblings('.lunboo').css({'left':-4*jsthis.w+'px'});
            	jsthis.y=3;
            } 
//      	每点击一次按钮就让lunboo往右走一张图片
            var re =  jsthis.y*-jsthis.w;
            jqthis.siblings('.lunboo').animate({'left':re+'px'});
            if (jsthis.y==4) {//控制li与控制图片互不影响
//         	    因为li只有四个,当y=4时就到第五个去了,所以单独让y=4时,li里的0号元素变红,其他的变灰
              	jqthis.siblings('ul').find('li').eq(0).css({'background':'red'}).siblings('li').css({'background':'#999'});
           }else{
//         	让li变红其他兄弟元素变灰
           	   jqthis.siblings('ul').find('li').eq(jsthis.y).css({'background':'red'}).siblings('li').css({'background':'#999'});
           }
           
     	} 
     	
})
        
        
})

//轮播图的复用1到11楼结束


















































